// 颜色
$c_primary: #1976d2;

$c_primary2: #409eff;
$cpl: #66b1ff;

$c_success: #67c23a;

$c_error: #f56c6c;
$ced: #fab6b6;
$ces: #fef0f0;

$c_info: #909399;

$c_warning: #e6a23c;
$cwd: #f3d19e;
$cws: #fdf6ec;

// 字体颜色？
// $cf1: #606266;
$cf1: #f1f1f1;

// 预设像素，用于margin\padding\radius
$p1: 64px;
$p2: 32px;
$p3: 16px;
$p4: 8px; // 基础大小
$p5: 4px;
$p6: 2px;

// 预设字体大小
$f1: 26px;
$f2: 20px;
$f3: 16px;
$f4: 14px; // 基础大小
$f5: 12px;

// 混合指令

// 弹性布局
// 参数：方向、换行、水平、垂直
@mixin u-flex($direction: row, $wrap: nowrap, $jc: flex-start, $ai: center) {
  display: flex;
  display: -webkit-flex;
  flex-direction: $direction;
  flex-wrap: $wrap;
  justify-content: $jc;
  align-items: $ai;
}

@mixin u-gradient($c1, $c2, $deg) {
  background: -webkit-linear-gradient($deg, $c1, $c2); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient($deg, $c1, $c2); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient($deg, $c1, $c2); /* Firefox 3.6 - 15 */
  background: linear-gradient($deg, $c1, $c2); /* 标准的语法 */
}

@mixin u-ellipsis() {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@mixin u-modal($zIndex: 444) {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: $zIndex;
}

@mixin not-select() {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

@mixin u-scrollbar($cls) {
  #{$cls}::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  #{$cls}::-webkit-scrollbar-thumb {
    background-color: #6e6e6e;
    outline: 1px solid #444;
  }
  #{$cls}::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
}
